<template>
	<div>
		<!-- <h1>{{message}}</h1>
		<h2>{{title}}{{time}}</h2> -->
		<h1 v-text='message'></h1>
		<div ref='testModel_time_div' id='testModel_time_div'>
		<h2 v-text='title+time' ></h2></h2>
		</div>
		</div>
</template>
<script >
	var time1 = new Date();
	export default {
		name:'testModel',
		data(){
			return {
				message:"这是我的第一个VUE程序!",
				time:time1,
			    title:'当前页面打开时间是:'
			}
		}
	}
</script>
<style scoped>
	h1, h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
#testModel_time_div{
	display: none;
}
</style>